$( document ).ready(function() {
	//---Settings Button---//
	var $oSettingsText = $( "#settings-text" );
	function growSettings(e)
	{
		$oSettingsText.stop().animate({"width":"200px"}, 600);
	}
	
	function shrinkSettings(e)
	{
		$oSettingsText.stop().animate({"width":"0px"}, 600);
	}
	
	//---Cloud Button---//
	var $oCloudText = $( "#cloud-text" );
	function growCloud(e)
	{
		$oCloudText.stop().animate({"width":"86px"}, 600);
	}
	
	function shrinkCloud(e)
	{
		$oCloudText.stop().animate({"width":"0px"}, 600);
	}

	$( "#settings-button" ).bind("mouseenter", growSettings);
	$( "#settings-button" ).bind("mouseleave", shrinkSettings);
	
	$( "#cloud-button" ).bind("mouseenter", growCloud);
	$( "#cloud-button" ).bind("mouseleave", shrinkCloud);
});